<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link href="css/authormain.css" rel="stylesheet" type="text/css" />
    <title>作者信息</title>
</head>

<body>
    <!-- 顶部菜单，使用 css/topmenu.css样式-->
    <div class="menutop">
        <ul class="menuul one">
            <li><a href="#">全部作品</a></li>
            <li><a href="#">排行</a></li>
            <li><a href="#">完本</a></li>
            <li>
                <a href="#"><span style="padding-right:5px"><img src="img/zuozhe.ico"></span>作家专区</a>
            </li>
        </ul>
        <ul class="menuul two">
        	<c:if test="${loginuser==null}">
	            <li><a href="login.jsp">登录</a>|</li>
	            <li><a href="addnormaluser.jsp">注册</a></li>
	        </c:if>
			<c:if test="${loginuser!=null}">
	        	<li>${loginuser.userid}</li>
	        	<li><a href="loginout.do">退出登录</a></li>
	        </c:if>
            <li>
            	<c:if test="${loginuser==null}">
                <a href="login.jsp"><span style="padding-right:5px"><img src="img/books.ico"></span>我的书架</a>
                </c:if>
                <c:if test="${loginuser!=null}">
                <a href="mybooksroom.jsp?userid=${loginuser.userid}"><span style="padding-right:5px"><img src="img/books.ico"></span>我的书架</a>
                </c:if>
            </li>
            <li><a href="#">联系客服</a></li>
        </ul>
    </div>
    <div id="top">
        <p>作者</p>
    </div>
    <!--作者头像、简介-->
    <div id="masterinfo">
        <img id="userphoto" src="../upload/${author.photourl}" />
        <!--作者简介-->
        <div id="authorinfo">
            <span id="username" style="font-size:20px; font-family:楷体; font-weight: 600;">${author.nickname}</span><br></br>
            <span id="sign">${author.signature}</span><br>
            <table id="info">
                <tr style="font-size:16px;font-family: 楷体">
                    <td>作品数</td>
                    <td>创作字数</td>
                    <td>创作天数</td>
                </tr>
                <br><br />
                <tr style="font-size:18px;font-weight: bold ">
                    <td>${author.novelcount}</td>
                    <td>3092万</td>
                    <td>4043</td>
                </tr>
            </table>
        </div>
        <!--作者简介中顶部作品展示-->
        
        <div class="content_top">
            <table id=topic1>
                <tr id=topic_top>
                 	<c:forEach items="${authornovel}" var="obj" begin="0" end="3" step="1">
                    	<td>
                    		<a href="novel.do?novelid=${obj.novelid}" title="${obj.novelname}"><img src="../upload/${obj.photourl}" alt="" width="150px" height="200px" /></a>
                    	</td>
       				</c:forEach>
                </tr>
                <br><br />
                <tr id=topic_bottom height=30px>
                	<c:forEach items="${authornovel}" var="obj" begin="0" end="3" step="1">
                    	<td><a href="novel.do?novelid=${obj.novelid}">${obj.novelname}</a></td>
					</c:forEach>
                </tr>
            </table>
        </div>
    </div>
    <div id="top1" style="margin-top: 30px;">
        <p>全部作品</p>
    </div>
    <!--作者页面作品专区-->
    <div class="alltopic">
    	<c:forEach items="${authornovel}" var="obj">
	        <div id="topic2">
	            <div id="topic_img">
	                <a href="novel.do?novelid=${obj.novelid}">
	                    <img src="../upload/${obj.photourl}">
	                </a>
	            </div>
	            <div class="topinfo">
	                <a class="smalltopic" href="novel.do?novelid=${obj.novelid}">
	                    <h4>${obj.novelname}</h4>
	                </a>
	                <p class="name">
	                    <a href="#">${obj.nickname}</a> |<a href="#">${obj.typename}</a>|<span>完本</span>
	                </p>
	                <p class="intro">
	                   ${obj.abstrac}
	                </p>
	            </div>
	            <div class="total">
	                <p><span> 56.15万&nbsp;&nbsp;</span>总字数</p>
	                <p><span> 922.16万&nbsp;&nbsp;</span>总推荐</p>
	                <p><span> 6052.87万&nbsp;&nbsp;</span>总点击</p>
	                <p class="btn">
	                    <a class="red-btn" href="novel.do?novelid=${obj.novelid}">书籍详情</a>
	                    <c:if test="${loginuser==null}">
	                    	<a class="blue-btn" href="login.jsp">加入书架</a>
	                    </c:if>
	                    <c:if test="${loginuser!=null}">
	                    	<a class="blue-btn" href="mybooksroom.do?novelid=${obj.novelid}">加入书架</a>
	                    </c:if>
	                </p>
	            </div>
	        </div>
	        <hr style="height:1px;border:none;border-top:1px solid #BCBCBC;" />
        </c:forEach>
    </div>
    <div class="footer">
        <div class="morenovelsweb">
        <a href=" ">起点小说网</a>|
        <a href="http://www.xxsy.net/">潇湘书院</a>|
        <a href="http://chuangshi.qq.com/">创世中文网</a>|
        <a href="https://www.readnovel.com/">小说阅读网</a>|
        <a href="https://www.xs8.cn/">言情小说吧</a>
        </div>
        <div class="morenovelsweb">
        <a href="#">关于本站</a>
        <a href="#">联系我们</a>
        <a href="#">帮助中心</a>
        <a href="#">提交建议</a>
        </div>
        <div>
        <span>Copyright  2019 Software Technology from <a href="http://www.yngsxy.net">云南工商学院</a></span>
        </div>
        </div>
</body>

</html>